{% extends "news_layout.html" %}


{% block btns %}
<span id="intro" class="my-btn sidebar-item pointer">Introduction</span>
<span id="tan" class="my-btn sidebar-item pointer">Prof.Weihong Tan</span>
<span id="faculty" class="my-btn sidebar-item pointer">Faculty & Staff</span>
<span id="fellows" class="my-btn sidebar-item pointer">Postdoctoral Fellows</span>
<span id="phd" class="my-btn sidebar-item pointer">Ph.D. candidates</span>
<span id="ms" class="my-btn sidebar-item pointer">M.S. candidates</span>
<span id="alumni" class="my-btn sidebar-item pointer">Alumni</span>
{% endblock %}


{% block main %}
{% if name === "members" %}
<div class="main">
  <h1 class="lab-intro">Introduction</h1>
  <p class="lab-intro__text">The tan research group focuses mainly on molecular sciences and biomedicines. We aim to apply new molecular technologies and new materials for biomedical studies. We are committed to develop DNA based molecular devices in energy reation and molecular movement. We work hard and always have fun!</p>
  <p class="lab-intro__text">The tan research group focuses mainly on molecular sciences and biomedicines. We aim to apply new molecular technologies and new materials for biomedical studies. We are committed to develop DNA based molecular devices in energy reation and molecular movement. We work hard and always have fun!</p>
  <img class="lab-intro__img" src="../public/img/member_intro.png" alt="">
</div>
{% elif name === "tan" %}
{% include "components/person-intro.html" %}
{% elif name === "faculty_staff" %}
  {% if isDetail %}
    {% include "components/person-intro.html" %}
  {% else %}
  <div class="main">
    <div class="staff-wrapper">
        {% for teacher in pageData.rows %}
        <a href="/faculty_staff?id={{ teacher.teacherid }}">
          <div class="staff">
            <img src="{{teacher.picture | default('../public/img/member_intro.png', true)}}" alt="">
            <p class="staff-name">{{ teacher.teachername }}</p>
            <!-- 疑问 -->
            <span class="staff-position">{{ teacher.role }}</span>
          </div>
        </a>
        {% endfor %}

      <div class="staff">
        <img src="../public/img/member_intro.png" alt="">
        <span class="staff-name">John Smith</span>
        <span class="staff-position">Creative Director</span>
      </div>
    </div>
  </div>
  {% endif %}
{% elif name === "fellows" %}
<div class="main">
  <div class="staff-wrapper">
    {% for teacher in pageData.rows %}
    <a href="/fellows?id={{teacher.teacherid}}">
      <div class="staff">
        <img src="{{teacher.picture | default('../public/img/member_intro.png', true)}}" alt="">
        <p class="staff-name">{{ teacher.teachername }}</p>
        <!-- 疑问 -->
        <span class="staff-position">{{ teacher.role }}</span>
      </div>
    </a>
    {% endfor %}
    <div class="staff">
      <img src="../public/img/member_intro.png" alt="">
      <span class="staff-name">John Smith</span>
      <span class="staff-position">Creative Director</span>
    </div>
  </div>
</div>
{% elif name === "phd" %}
<div class="main">
  {% for year in years %}
  <div class="phd-year border-bottom-line">
    <h2>{{ year }}</h2>
    <div class="phds">
      {% for students in pageData.rows %}
      {% if students.year === year %}
      <span class="phd-name">{{students.studentname}}</span>
      {% endif %}
      {% endfor %}
    </div>
  </div>
  {% endfor %}
</div>
{% elif name === "ms" %}
<div class="main">
  {% for year in years %}
  <div class="phd-year border-bottom-line">
    <h2>{{ year }}</h2>
    <div class="phds">
      {% for students in pageData.rows %}
      {% if students.year === year %}
      <span class="phd-name">{{students.studentname}}</span>
      {% endif %}
      {% endfor %}
    </div>
  </div>
  {% endfor %}
</div>
{% elif name === "alumni" %}
<div class="main">
  {% for students in pageData.rows %}
  <div class="phd-year border-bottom-line">
    <span class="phd-name">{{students.year}}年 ——</span>
    <span class="phd-name"> {{students.alumniname}}</span>
  </div>
  {% endfor %}
</div>
{% endif %}

{% endblock %}
